@extends('layouts.layouts')
@section('title')
    <title>上传提现凭证</title>
    <style>
        .file {
            position: relative;
            display: inline-block;
            background: #D0EEFF;
            border: 1px solid #99D3F5;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }
        .file input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
        }
        .file:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }
    </style>

    <style>
        *{ margin:0; padding:0;}
        /*#box{ margin:50px auto; width:540px; min-height:400px; background:#FF9}*/
        /*#demo{ margin:50px auto; width:540px; min-height:800px; background:#CF9}*/
    </style>
    <link rel="stylesheet" href="/lib/previewImg/css/bootstrap-grid.min.css">
    <link rel="stylesheet" type="text/css" href="/lib/previewImg/css/htmleaf-demo.css">
    <link rel="stylesheet" href="/lib/previewImg/dist/zoomify.min.css">
    <link rel="stylesheet" href="/lib/previewImg/css/style.css">
@endsection
@section('content')
    <script src="/lib/previewImg/dist/zoomify.min.js"></script>
    <div class="content">
        <div class="header" style="margin-bottom:5px;">
            <h1 class="page-title">后台管理</h1>
            <ul class="breadcrumb">
                <li><a href="/apply/withdraw">提现申请</a> </li>
                <li class="active">凭证</li>
            </ul>
        </div>
        <div class="panel panel-default">
            <ul class="list-group">
                <li class="list-group-item">操作人:{{$operation?$operation->user->name:''}}</li>
                <li class="list-group-item">操作时间:{{$operation?$operation->created_at:''}}</li>
                <li class="list-group-item">备注:{{$operation?$operation->remark:''}}</li>
            </ul>
        </div>
        <form action="/apply/postAgree"  method="post" onsubmit="return false;">
            <div class="main-content">
                <div class="row">
                    <div class="">
                        <div id="demo" style="margin:15px;">
                            <div id="as" ></div>
                            @if($evidences)
                                <ul class="list-inline">
                                        @foreach($evidences as $k => $envidence)
                                            <li class="diyUploadHover">
                                                <div class="viewThumb">
                                                    <img src="{{env('IMG_URL')}}{{$envidence->cover_url}}" width="150px" height="150px"/>
                                                </div>
                                            </li>
                                        @endforeach
                                </ul>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script type="text/javascript">
        $('.viewThumb img').zoomify();
    </script>
@endsection